博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
个人中心标签页导航
阅读量:4587 次
发布时间:2019-06-09

本文共 3966 字,大约阅读时间需要 13 分钟。

  1. 新页面user.html,用<ul ><li role="presentation"> 实现标签页导航。
    <ul class="nav nav-tabs">
      <li role="presentation"><a href="#">Home</a></li>
      <li role="presentation"><a href="#">Profile</a></li>
      <li role="presentation"><a href="#">Messages</a></li>
    </ul>

     

  2. user.html继承base.html。
    重写title,head,main块.
    将上述<ul>放在main块中.
    定义新的块user。
        {
    % extends 'test1.html' %}
    {
    % block title %} 个人中心 {
    % endblock %} {
    % block head %}
    {
    % endblock %}{
    % block body %}
    {
    % block user %} {
    % endblock %}{
    % endblock %}

     

  3. 让上次作业完成的个人中心页面,继承user.html,原个人中心就自动有了标签页导航。
        {
    % extends 'user.html' %}
    {<div></div> % block title %} 用户中心 {<div></div> % endblock %} {
    % block head %} {
    % endblock %}{
    % block user %}

    {
    { username }}>
    全部评论

    {
    % for foo in comments %}

    {
    { user }}
    个人信息

    • 用户:
    • 编号:
    • 昵称:
    {
    % endblock %}

     

  4. 重写user.html中定义的user块。
  5. 思考 如何实现点标签页导航到达不同的个人中心子页面。
  6.     {
    % extends 'user.html' %}
    {<div></div> % block title %} 用户中心 {<div></div> % endblock %} {
    % block head %} {
    % endblock %}{
    % block user %}

    {
    { username }}>
    全部评论

    {
    % for foo in comments %}

    {
    { user }}
    个人信息

    • 用户:
    • 编号:
    • 昵称:
    {
    % endblock %}
        {
    % extends 'user.html' %}
    {<div></div> % block title %} 用户中心 {<div></div> % endblock %} {
    % block head %} {
    % endblock %}{
    % block user %}

    {
    { user }}
    个人信息

    • 用户:
    • 编号:
    • 昵称:
    {
    % endblock %}

     

 

转载于:https://www.cnblogs.com/Carrie-chong/p/8033197.html

你可能感兴趣的文章
linux改变内核参数
查看>>
Linux系统平台调优
查看>>
linux内存子系统调优
查看>>
Linux内核的arch目录
查看>>
配置Linux内核
查看>>
Linux常用配置选项
查看>>
liunx加载JX2410标准配置文件
查看>>
Linux内核移植主要过程
查看>>
常用Linux文件系统
查看>>
Linux内核移植的若干问题
查看>>
linux程序对比
查看>>
linux数码管驱动程序和应用程序
查看>>
linux在菜单中添加SEG选项
查看>>
linux物理地址和虚拟地址
查看>>
linux驱动程序与菜单关联
查看>>
linux在配置菜单中添加选项
查看>>
linux修改文件系统注册设备
查看>>
linux添加地址映射
查看>>
c#程序集
查看>>
Microsoft 中间语言
查看>>